@charset "utf-8"

.post.box
  padding: 1rem

.post .media-content
  padding-top: 0.25rem

.post-head
  margin-bottom: $size-8

// .post-body
//   p.multi
//     font-size: 15px
//     letter-spacing: 1px
//     line-height: 1.3em

.post-bulti
  // padding: 0
  border-radius: 4px
  border: 1px solid #e5e9ef
  transition: box-shadow 0.4s ease-in-out
  overflow: hidden

  .post-title
    margin-bottom: 0.5rem
    transition: color 0.4s ease-in-out
    color: $grey-darker

  &:hover
    box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1)

    .post-title
      color: $link-hover

    .post-thumbnail
      // height: 108px
      transform: scale(1.1)

  .post-thumbnail
    transition: transform 0.4s ease-in-out
    width: 100%
    height: 120px
    background-size: cover
    background-position: center center

  .post-link
    margin: 0.75rem 1rem
    display: block

  .post-intro
    color: #99a2aa
    line-height: 1.3
    margin: 0.75rem 1rem

.content .post-title
  margin-bottom: 0.25em

.post-meta
  &.tags
    border-top: 1px #cdcdcd dashed
    border-bottom: 1px #cdcdcd dashed

  &.meta-1
    border-bottom: 1px solid #eee
    padding-bottom: 0.5em
    margin-bottom: 0.5em !important

    .meta-item + .meta-item::before
      padding: 0 0.25em
      color: $grey
      content: "/ "

  &.meta-2
    padding-top: 1rem - 0.25rem

    .meta-item
      // padding-top: 0.85rem
      padding-right: 0.5rem

.post-nav
  span
    font-size: 14px

.tag + .c-help
  display: none

.post-body
  h2
    font-size: 1.25em

  h3
    font-size: 1.2em

  h4
    font-size: 1.15em

  h5
    font-size: 1.1em

  h6
    font-size: 1.05em


  h1, h2, h3, h4, h5, h6
    border-bottom: 1px solid #eaecef
    padding-bottom: 0.3em

    // margin-left: 1.8em
    text-shadow: 0 0 1px
    font-weight: normal

.post-body
  margin-bottom: .3em
  padding: .3rem

  .notification
    font-size: 0.9em

  p
    word-break: break-all
    word-wrap: break-word

  a
    border-bottom-style: dotted
    border-bottom-color: currentColor
    border-bottom-width: 1px

  a:hover
    border-bottom-style: solid

  img
    box-shadow: 0 1px 5px rgba(0,0,0,.3), 0 0 40px rgba(0,0,0,.1) inset

.post-copyright
  // margin: 0 .3em
  padding: .4em .7em .5em
  color: rgb(137,137,137)
  font-size: 0.81em
  line-height: 1.7
  text-shadow: 0 0 1px
  background-color: #f8f8f8
  border-radius: 4px
  white-space: nowrap
  overflow-x: auto
  a
    text-shadow: none
    font-weight: 550
    border-bottom: 1px dotted currentColor

/* purgecss start ignore */
// 赞赏工具条
// .post-tool
.act-bar.level
  margin: 0
  display: flex
  justify-content: space-around

.target-bar,.target,.wechat-qrcode
  display: none
  visibility: hidden
  transition: all 0.4s ease 0s
  &.active
    display: block
    visibility: visible
    animation: fadeInUp .3s .2s ease both
  &.remove
    animation: fadeOutDown .3s .2s ease both

.target-bar
  width: 100%
  position: fixed
  bottom: 17%
  left: 0
  padding-bottom: 1.3em
  margin: 0 !important
  z-index: 137

.target
  h3
    font-size: 1.1rem
    margin-bottom: .4rem
  &.share a
    display: inline-block
  i
    font-size: 3rem
    line-height: 3rem
    width: auto
    height: auto
  &.donate .level
    justify-content: center
    display: flex
    .level-item
      max-width: 11em
      padding: 0 .3em

.wechat-qrcode
  position: fixed
  left: 50%
  bottom: 50%
  width: 200px
  font-size: 12px
  color: #666
  text-align: center
  box-shadow: 0 2px 10px #aaa
  background-color: #fff
  margin-left: -100px
  margin-top: -73px
  z-index: 3
  h4
    // font-weight: normal
    // height: 26px
    font-size: 13px
    line-height: 2em
    background-color: #f3f3f3
    // margin: 0
    // padding: 0
    color: #777
  div
    margin: 0.4em 0
/* purgecss end ignore */

/* ---------------- */
